<template>
  <div class="outer-wrapper" :class="'skin-' + $root.skin">
    <PublicHeader></PublicHeader>
    <div class="diy-detail">
      <div class="diy-detail-top">
        <div class="diy-detail-top-left"><nsrgc></nsrgc></div>
        <div class="diy-detail-top-right"><sybhqs></sybhqs></div>
      </div>
      <div class="diy-detail-bottom"><bssyfb></bssyfb></div>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
import PublicHeader from "@/components/publicHeader.vue";
import * as PageData from "@/utils/page.js";

// 首页 --start--
//import xshcbsje from "./modules/xshcbsje.vue";
import nsrgc from "./modules/nsrgc.vue";
import sybhqs from "./modules/sybhqs.vue";
import bssyfb from "./modules/bssyfb.vue";

Vue.filter("formateMoney", (num) => {
  return num.toString().replace(/\d+/, function (n) {
    return n.replace(/(\d)(?=(?:\d{4})+$)/g, "$1,");
  });
});

// 收入 --end--
export default {
  components: {
    PublicHeader,
    // xshcbsje,
    nsrgc,
    sybhqs,
    bssyfb,
  },
  data() {
    return {
      diyDetail: [],
    };
  },
  created() {
    this.diyDetail = PageData.PageDjNew;
  },
};
</script>
<style lang="scss">
@import "~@/assets/styles/common.scss";
</style>

<style lang="scss" scoped>
.diy-detail {
  .diy-detail-top {
    height: 50%;
    display: flex;
    .diy-detail-top-left {
      flex: 1;
    }
    .diy-detail-top-right {
      flex: 1;
    }
  }
  .diy-detail-bottom {
    width: 100%;
    height: 50%;
  }
}
</style>
